案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分10秒
案例:修复文物,遇见文明
出品:腾讯视频
亮点:
创意定位:腾讯视频以;修复文物 遇见文明;为题,通过炫酷的三幕;文物修复;交互动画,为用户普及了文物修复的常识。用H5交互动画这种创新的方式来演绎文物修复和文化传承,参与感更高,体验度更强,吸引用户参与并获得博物馆门票,整个传播体现了品牌的创新、担当和社会责任感。
策划上,①点击;遇见文明;按钮,视频内容讲述的是文物的历史变迁,;烟火熄灭,繁华落幕,三千年前的飞鸟,随大明而明,随风尘敛芒入土。裂缝是文明的脉络,残损是历史的留痕,修复文物,遇见文明,点击开始按钮,点选文字,修复文物,抢先获取限量博物馆门票。②选择;又见金颜;、;盛世烟火;、;神鸟涅槃;三者其一,根据提示点击、长按或者拖动来修复文物。;又见金颜;是三星堆金面罩青铜人头像,;盛世烟火;是三星堆·陶三足炊器,;神鸟涅槃;是金沙遗址·太阳神鸟金饰。根据你所用互动的时长来显示修复用时,跟实际修复用时是多长时间进行比较,让用户更直接地感受文物修复的耗时和艰辛。③点击完成,显示用户成功修复,成为第多少名的文明回溯者,恭喜你,优先获得限量博物馆门票,可以继续修复文物,也可以点击领取跳转到三星堆博物馆电子门票领取信息登记页面,或者是金沙遗址博物馆电子门票领取信息登记页面。
设计上,以金色流沙作为转场动效,利用3D建模的手法高度还原了文物的每一个碎片,让用户在参与;修复;的过程中,增加了互动感和真实感。最后;修复完成;的文物精美有光泽、质感,更让用户有一定的意外感和小成就感。
交互上,根据文物的破损程度,用点击、长按、滑动来进行打磨、清理、修补。
体验上,在交互过程中,有各种炫酷修复动效,让小五产生了;对修复文物自己做出了巨大贡献;的错觉,或者,这就是创意人员想要的效果吧。
技术实现: Vue+Tween+Canvas+Video